<!--主页-->
<template>
  <el-main style="width: 100%;margin: 0 auto;">
    <el-row :gutter="40" style="margin: 0;width: 100%;">
      <el-col :span="21" style="margin: 20px auto 0;">
        <el-row :gutter="40">
          <el-col :span="12">
            <el-card>
              <template #header>
                <div class="card-header">
                  <span>通知公告</span>
                  <span class="more">更多 》</span>
                </div>
                <div class="caed_line"></div>
              </template>
              <div>
                <div class="new_box new_box1" v-for="(item,index) of newList" :key="index">
                  <div class="new_date">
                    <div class="new_day">
                      {{item.date1}}
                    </div>
                    <div class="new_day1">
                      {{item.date2}}
                    </div>
                  </div>
                  <div class="new_content">
                    <div class="new_title"> {{item.title}}</div>
                    <div class="new_dec">
                      {{item.dec.length >= 68 ?item.dec.substring(0,68) + '...':item.dec}}          </div>
                  </div>
                </div>

              </div>
            </el-card>
          </el-col>
          <el-col :span="12">
            <el-card>
              <template #header>
                <div class="card-header">
                  <span>每日所学</span>
                  <span class="more">更多 》</span>
                  <div class="caed_line"></div>
                </div>
              </template>
              <div>
                <div class="new_box  new_box1" v-for="(item,index) of newList" :key="index">
                  <div class="new_date">
                    <div class="new_day">
                      {{item.date1}}
                    </div>
                    <div class="new_day1">
                      {{item.date2}}
                    </div>
                  </div>
                  <div class="new_content">
                    <div class="new_title"> {{item.title}}</div>
                    <div class="new_dec">
                      {{item.dec.length >= 68 ?item.dec.substring(0,68) + '...':item.dec}}          </div>
                  </div>
                </div>

              </div>
            </el-card>
          </el-col>
          <el-col :span="24" style="margin-top: 30px;">
            <el-tabs tab-position="left" style="height: 200px" class="demo-tabs is-always-shadow">
              <el-tab-pane label="班级饮食">
                <div class="new_box  new_box2" v-for="(item,index) of newList" :key="index">
                  <div class="new_date">
                    <div class="new_day">
                      {{item.date1}}
                    </div>
                    <div class="new_day1">
                      {{item.date2}}
                    </div>
                  </div>
                  <div class="new_content">
                    <div class="new_title"> {{item.title}}</div>
                    <div class="new_dec">
                      {{item.dec.length >= 68 ?item.dec.substring(0,136) + '...':item.dec}}          </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="入园指南">
                <p>我是入园指南指南我是入园指南指南我是入园指南指南我是入园指南指南我是入园指南指南我是入园指南指南</p>
              </el-tab-pane>
<!--              <div class="new_page">
                <el-pagination background layout="prev, pager, next" :total="1000" />
              </div>-->
            </el-tabs>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </el-main>
</template>
<script>

export default {
  name: 'Index',
  components: {
  },
  data() {
    return {
      newList:[
        { date1:'21',
          date2:'2022-01',
          title:'追寻那一抹最有温度的亮色',
          dec:"，我们用成绩致敬昨日，用奋斗筑梦明日",
        },
        { date1:'21',
          date2:'2022-01',
          title:'追寻那一抹最有温度的亮色',
          dec:"2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，用奋斗筑梦明日用奋斗筑梦明日用奋斗筑梦明日",
        },
        { date1:'21',
          date2:'2022-01',
          title:'追寻那一抹最有温度的亮色',
          dec:"2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，用奋斗筑梦明日用奋斗筑梦明日用奋斗筑梦明日",
        },
        { date1:'21',
          date2:'2022-01',
          title:'追寻那一抹最有温度的亮色',
          dec:"2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，2022年1月21日，城幼教职工齐聚本部多功能厅，举行了本年度年终总结大会。回顾过往，我们用成绩致敬昨日，用奋斗筑梦明日用奋斗筑梦明日用奋斗筑梦明日",
        }
      ],
      bodyStyle: {
        padding: '20px 0 0 0',
        'text-align': 'center'
      }
    };
  },
  methods: {}
}
</script>